<template>
<!-- 首页，也就是一级路由 -->
  <!-- 顶部通栏 -->
  <AppTopNav></AppTopNav>
  <!-- 首页头部组件 -->
  <AppHeader></AppHeader>
  <!-- 内容容器 -->
  <div class="main">
    <!-- 二级路由 -->
    <router-view></router-view>
  </div>
  <!-- 首页底部模块 -->
 <AppFooter></AppFooter>
</template>

<script>
// 导入子路由
// 顶部导航
import AppTopNav from '../../components/app-topnav.vue';
// 导入首页头部
import AppHeader from '@/components/app-header.vue';
// 导入底部模块
import AppFooter from '@/components/app-footer.vue';
export default {
  name:'Layout',
  components:{
    AppTopNav,
    AppHeader,
    AppFooter
  }
}
</script>

<style>

</style>